<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>login</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../js/flexslider/flexslider.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <script src="../js/jquery-3.1.1.js"></script>
</head>
<body>
<!--头部导航开始-->
<header >
    <div class="header">
        <div class="left_jt">
            <a href="">
                <img src="../img/箭头左.png"/>
            </a>
        </div>
        <div class="logo">
            <b>会员登录</b>
        </div>
        <div class="Category">
            <a class="my-account">
                <img src="../img/分类.png"/>
            </a>
        </div>
    </div>
</header>

<!--分类导航样式 默认隐藏-->
<div class="new-tbl-type" id="CMenu" >
    <a class="new-tbl-cell" href="index.html">
        <img class="icon1" src="../img/detail/首页.png"/>
        <br>
        首页
    </a>
    <a class="new-tbl-cell" href="">
        <img class="icon2" src="../img/detail/分类.png"/>
        <br>
        分类搜索
    </a>
    <a class="new-tbl-cell" href="">
        <img src="../img/detail/购物车.png"/>
        <br>
        购物车
    </a>
    <a class="new-tbl-cell" href="login.html">
        <img src="../img/detail/我的.png"/>
        <br>
        我的
    </a>
</div>

<!--内容-->
<div class="content">
    <p class="phone">使用手机验证登录</p>
    <form class="form-horizontal">
        <div class="form-group">

            <div class="col-sm-10">
                <input type="email" class="form-control" placeholder="请输入邮箱">
            </div>

        </div>
        <div class="form-group">

            <div class="col-sm-10">
                <input type="password" class="form-control" placeholder="请输入登录密码">
            </div>

        </div>

        <div class="form-group">

            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default  btn-block">登录</button>
            </div>

        </div>

        <div class="deg_box">
            <a href="reg.html">免费注册</a>
            <a href="">找回密码</a>
        </div>
    </form>
</div>
<script>
    $(function () {
        //分类导航样式的显示与隐藏
        $('.my-account').click(function () {
            $('#CMenu').toggle();
        });

    })
</script>
</body>
</html>